import React from 'react';
import { Row, Col, Icon } from 'antd';
import './style.css'
import { router } from 'umi';

const Layout: React.FC<any> = ({ children }) => {

    return (
        <>
            <div className="workbench-sidebar" id="dashboard-sidebar">
                <div className="ui fluid vertical menu">
                    <a className="item active" data-name="show" onClick={() => router.push('/buyer/person')} title="库存">
                        <Icon type="appstore" />
                        <div className="sidebar-icon-name">
                            待办
                        </div>
                    </a>
                    <a className="item active" data-name="show" onClick={() => router.push('/buyer/person/deal')} title="订单">
                        <Icon type="appstore" />
                        <div className="sidebar-icon-name">
                            已办
                        </div>
                    </a>
                    <a className="item active" data-name="show" onClick={() => router.push('/buyer/person/apply')} title="人员">
                        <Icon type="appstore" />
                        <div className="sidebar-icon-name">
                            申请
                        </div>
                    </a>
                    <a className="item active" data-name="show" onClick={() => router.push('/buyer/person/msg')} title="人员">
                        <Icon type="appstore" />
                        <div className="sidebar-icon-name">
                            消息
                        </div>
                    </a>
                </div>
            </div>
            <Row style={{ marginLeft: 60 }}>
                {/* <Col span={1} style={{ paddingRight: 20 }}></Col> */}
                <Col span={24}>
                    {children}
                </Col>
            </Row>
        </>
    );
};

export default Layout;

